<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
	<div class="MaxCon">

		<div class="contentCon">
			<!-- 左边 -->
			<div class="LCnChange">
				<div class="title">我的控制台</div>
				<nav id="ContentNav">
					<span class="active" data-ind="rankings">排行榜</span>
					<span data-ind="clientList">我的客户</span>
					<span data-ind="auntList">我的阿姨</span>
				</nav>
				<div class="LCnListCn" id="LCnListCn">

					<div class="ranking" id="rankings">
						<div class="rankingNav">
							<span class="active">销售排行</span>
							<span>招生排行</span>
							<span>门店排行</span>
							<span>百万英雄俱乐部(销售)</span>
						</div>

						<div class="rankingconst">
							<div class="rankingNavList">
								<div class="tanmpalteMode">
									<div class="navTitle">按个人业绩</div>
									<ul class="rankinglist">
										<li>全国销售（不含总部）</li>
										<li class="active">北京凯旋城店</li>
										<li>北京双井店</li>
										<li>青岛店</li>
										<li>天津店</li>
										<li>广州店</li>
										<li>深圳店</li>
										<li>长沙店</li>

									</ul>
								</div>
								<div class="tanmpalteMode">
									<div class="navTitle">按时间业绩</div>
									<ul class="rankinglist">
										<li>总业绩</li>
										<li class="active">月业绩TOP</li>
										<li>年业绩TOP</li>
									</ul>
								</div>


							</div>

							<div class="rankingContent">
								<table class="rankingTabel">
									<tbody>
										<tr>
											<td>NO.1</td>
											<td>周蓉蓉</td>
											<td>北京凯旋城店</td>
											<td><i class="iconfont icon-xingxing"></i> X20</td>
											<td>24.5<span>w</span></td>
										</tr>
										<tr>
											<td>NO.1</td>
											<td>周蓉蓉</td>
											<td>北京凯旋城店</td>
											<td><i class="iconfont icon-xingxing"></i> X20</td>
											<td>24.5<span>w</span></td>
										</tr>
										<tr>
											<td>NO.1</td>
											<td>周蓉蓉</td>
											<td>北京凯旋城店</td>
											<td><i class="iconfont icon-xingxing"></i> X20</td>
											<td>24.5<span>w</span></td>
										</tr>
										<tr>
											<td>NO.1</td>
											<td>周蓉蓉</td>
											<td>北京凯旋城店</td>
											<td><i class="iconfont icon-xingxing"></i> X20</td>
											<td>24.5<span>w</span></td>
										</tr>
										<tr>
											<td>NO.1</td>
											<td>周蓉蓉</td>
											<td>北京凯旋城店</td>
											<td><i class="iconfont icon-xingxing"></i> X20</td>
											<td>24.5<span>w</span></td>
										</tr>
										<tr>
											<td>NO.1</td>
											<td>周蓉蓉</td>
											<td>北京凯旋城店</td>
											<td><i class="iconfont icon-xingxing"></i> X20</td>
											<td>24.5<span>w</span></td>
										</tr>
										<tr>
											<td>NO.1</td>
											<td>周蓉蓉</td>
											<td>北京凯旋城店</td>
											<td><i class="iconfont icon-xingxing"></i> X20</td>
											<td>24.5<span>w</span></td>
										</tr>
										<tr>
											<td>NO.1</td>
											<td>周蓉蓉</td>
											<td>北京凯旋城店</td>
											<td><i class="iconfont icon-xingxing"></i> X20</td>
											<td>24.5<span>w</span></td>
										</tr>
										<tr>
											<td>NO.1</td>
											<td>周蓉蓉</td>
											<td>北京凯旋城店</td>
											<td><i class="iconfont icon-xingxing"></i> X20</td>
											<td>24.5<span>w</span></td>
										</tr>
									</tbody>
								</table>
							</div>
						</div>
					</div>
					<ul class="list" id="clientList" style="display: none;">
						<li>
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="bb br">今天 <span>16</span></li>
								<li class="bb">今天 <span>16</span></li>
								<li class="br">今天 <span>16</span></li>
								<li>今天 <span>16</span></li>
							</ul>
						</li>
						<li class="stc2">
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="st2 br">今天 <span>16</span></li>
								<li class="st2">今天 <span>16</span></li>
							</ul>
						</li>

						<li class="stc3">
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="st2 br">今天 <span>16</span></li>
								<li class="st2">今天 <span>16</span></li>
							</ul>
						</li>

						<li class="stc4">
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="st2 br">今天 <span>16</span></li>
								<li class="st2">今天 <span>16</span></li>
							</ul>
						</li>

						<li class="stc5">
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="st2 br">今天 <span>16</span></li>
								<li class="st2">今天 <span>16</span></li>
							</ul>
						</li>
						<li class="stc6">
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="st2 br">今天 <span>16</span></li>
								<li class="st2">今天 <span>16</span></li>
							</ul>
						</li>

						<li class="stc7">
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="bb br">今天 <span>16</span></li>
								<li class="bb">今天 <span>16</span></li>
								<li class="br">今天 <span>16</span></li>
								<li>今天 <span>16</span></li>
							</ul>
						</li>

						<li class="stc8">
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="st2 br">今天 <span>16</span></li>
								<li class="st2">今天 <span>16</span></li>
							</ul>
						</li>


					</ul>

					<ul class="list" id="auntList" style="display: none;">
						<li>
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="st2 br">今天 <span>16</span></li>
								<li class="st2">今天 <span>16</span></li>

							</ul>
						</li>
						<li class="stc2">
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="st3 bb">今天 <span>16</span></li>
								<li class="br">今天 <span>16</span></li>
								<li>今天 <span>16</span></li>

							</ul>
						</li>

						<li class="stc3">
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="st2 br">今天 <span>16</span></li>
								<li class="st2">今天 <span>16</span></li>
							</ul>
						</li>

						<li class="stc4">
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="st2 br">今天 <span>16</span></li>
								<li class="st2">今天 <span>16</span></li>
							</ul>
						</li>

						<li class="stc5">
							<div class="tit">未跟进数</div>
							<ul class="NeiList">
								<li class="st2 br">今天 <span>16</span></li>
								<li class="st2">今天 <span>16</span></li>
							</ul>
						</li>



					</ul>

				</div>


			</div>




		</div>
	</div>


	<script type="text/javascript">
		$('#ContentNav').on('click', 'span', function(event) {
			var data = '#'+$(this).data().ind;
			$(this).addClass('active').siblings().removeClass('active');
			$('#LCnListCn').find(data).show().siblings().hide();
			event.preventDefault();
			/* Act on the event */
		});
	</script>
</body>

</html>
